<!--
	Created by   : Liuzhiyuan
	Created time : 2017/04/14
	File explain : 施小包资金账户--修改支付密码
-->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>施小包资金账户--修改支付密码</title>
  <link rel="stylesheet" href="../../libs/zui/css/zui.min.css">
  <link rel="stylesheet" href="../../common/css/common.css">
  <link rel="stylesheet" href="modify-payment-password.css">
</head>
<body>
<div id="app0"><pay-header v-bind:username="message"></pay-header></div>
<!-- 页头部分  包括：面包屑内容 -->
<header class="cmn-breadcrumb-2">
  <ul class="cmn-crumb">
    <li>
      <a class="cmn-active-breadcrumb" href="javascript:void(0)" id="id-project-name">我的账户</a>
    </li>
    <li>
      <i class="icon icon-angle-right"></i>
      <a class="cmn-root-breadcrumb" href="javascript:void(0)"><span id="id-pwd-name">修改</span>支付密码</a>
    </li>
  </ul>
</header>

<div class="cmn-main-2">

  <!-- 原始支付密码-->
  <div class="cmn-query-container cmn-set-password " id="id-set-password">
    <!--输入框组合-->
    <div class="cmn-set-password-main">
        <span class="cmn-query-name-2 cmn-set-password-name">
          <span class="cmn-tip">*</span>
          <span class="szmm">设置</span><span class="cmn-password-yz">支付密码</span>：
        </span>
      <div class="cmn-query-input clear-img-con">
        <input type="password" class="cmn-query-import" maxlength="6" data-name="setPayment" id="id-input-password"/>
        <span class="clear-img"></span>
      </div>
      <div class="cmn-query-input cmn-password-info">
        <!--<span>请输入6位数字支付密码</span>-->
      </div>
      <p class="cmn-fail-password">
          <span>

            </span>
      </p>
    </div>
    <!-- 下一步按钮 -->
    <input class="cmn-query-btn cmn-next-step-btn cmn-next-pass1" id="id-next-step" value="保存" type="button" disabled/>
  </div>

  <!--设置新的支付密码-->
  <div class="cmn-query-container cmn-new-password hide" id="id-new-password">
    <!-- 新支付密码-->
    <div class="cmn-new-password-main">
    </div>
    <div class="cmn-new-password-main">
        <span class="cmn-query-name-2 cmn-set-password-name">
          <!--输入框组合-->
          <span class="cmn-tip">*</span>
          <span class="cmn-password-yz">新支付密码</span>：
        </span>
      <div class="cmn-query-input clear-img-con">
        <input type="password" class="cmn-query-import" data-name="newPayment" maxlength="6" id="id-sub-password"/>
        <span class="clear-img"></span>
      </div>
      <span class="set-password-hint">请输入6位数字支付密码</span>
      <!--当新支付密码输入框为空时，出现文字提示-->
      <p class="new-password-prompt"></p>
    </div>
    <!--确认支付密码-->
    <div class="cmn-sure-password-main">
      <!--输入框组合-->
      <span class="cmn-query-name-2 cmn-set-password-name">
          <span class="cmn-tip">*</span>
          <span class="cmn-password-yz">确认新支付密码</span>：
        </span>
      <div class="cmn-query-input clear-img-con">
        <input type="password" class="cmn-query-import" data-name="newPayment" maxlength="6" id="id-sub-password2"/>
        <span class="clear-img"></span>
      </div>

      <!--当确认支付密码输入框为空时，出现文字提示-->
      <p class="confirm-password-prompt hide">请输入确认新支付密码</p>
      <div class="cmn-fail-password hide">
          <span>
              支付密码输入格式不正确，请重新输入
            </span>
      </div>
    </div>

    <!-- 保存按钮 -->
    <input class="cmn-query-btn cmn-preserve-btn cmn-next-pass1" id="id-preserve-btn" value="下一步" type="button" disabled/>
  </div>

  <!-- 支付密码修改成功之后的页面 -->
  <div class="cmn-query-container cmn-set-success hide" id="id-set-success">
    <!-- 支付密码修改成功的提示 -->
    <!-- 现在样式为display:none; -->
    <div class="cmn-set-success-main">
      <div class="cmn-set-success-logo"></div>
      <p>支付密码修改成功！</p>
    </div>
    <!-- 返回我的账户按钮 -->
    <input class="cmn-query-btn success-return-btn" id="id-back-account" value="关闭" type="button"/>
  </div>
  <div class="cmn-query-container cmn-set-success hide" id="id-set-success-before">
    <!-- 支付密码修改成功的提示 -->
    <!-- 现在样式为display:none; -->
    <div class="cmn-set-success-main">
      <div class="cmn-set-success-logo"></div>
      <p>支付密码设置成功！</p>
    </div>
    <!-- 返回我的账户按钮 -->
    <input class="cmn-query-btn success-return-btn" id="id-back-account2" value="返回我的账户" type="button"/>
  </div>
</div>
<script data-main="modify-payment-password" src="../../libs/require.js"></script>
</body>
</html>